<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="/common/tags.jsp" %>
<!DOCTYPE html>
<html>
<head>
  <title>${seo.title}</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta charset="UTF-8">
  <meta name="Keywords" content="${seo.keywords}">
  <meta name="description" content="${seo.description}">
  <%@include file="/common/style.jsp" %>
  <link rel="stylesheet" type="text/css" href="${static_url}/ui/app/assets/css/sub.css">


  <%@include file="/common/javascript.jsp" %>

</head>
<body class="wide order">
<!-- 头部 -->
<%@include file="/common/myHeader.jsp" %>
<!-- /头部 -->
<div style="border-top: solid 1px #dcdcdc;" class="h10"></div>

<!-- 主体 -->
<div class="order-header">
  <div class="g">
    <div class="fl">
      <%--<div class="logo">
        <a href="##" title="">
        <img src="##" alt="">
        </a>
      </div>--%>
    </div>
    <div class="fr">
      <!--步骤条-三步骤 -->
      <div class="progress-area progress-area-3">
        <!--我的购物车 -->
        <div id="progress-cart" class="progress-sc-area hide">我的购物车</div>
        <!--核对订单 -->
        <div id="progress-confirm" class="progress-co-area hide">填写核对订单信息</div>
        <!--成功提交订单 -->
        <div id="progress-submit" class="progress-sso-area hide" style="display: block;">成功提交订单</div>
      </div>
    </div>
  </div>
</div>

<div class="layout">
  <div class="order-confirm" id="order-confirm-detail">
    <div class="h">
      <s class="icon-success-7"></s>
      <h3>订单提交成功，请您尽快付款！</h3>
      <p>订单号：&nbsp;&nbsp;${orderNo}&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;付款金额（元）：&nbsp;&nbsp;<b>${totalPrice}</b>&nbsp;<b>万</b></p>
      <div class="tips">请使用&nbsp;&nbsp;<b id="lastPayTime">租售宝</b>&nbsp;完成支付。</div>
      <div class="h5"></div>
    </div>
    <div class="b">
      <table border="0" cellpadding="0" cellspacing="0">
        <tbody>

        <tr>
          <th>订单编号：</th>
          <td><span>${orderNo}</span></td>
        </tr>
        <tr>
          <th>订单金额：</th>
          <td>${totalPrice}万</td>
        </tr>

        <%--<tr>
          <th>收货信息：</th>
          <td>
            湖北武汉洪山区鲁巷国光大厦B座24楼&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            秦涛&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            15827564280
          </td>
        </tr>--%>


        <tr>
          <th>购买日期：</th>
          <td>${myfn:formatTimestamp(createTime)}</td>
        </tr>
        <%--<tr>
          <th>配送方式：</th>
          <td>
            由默认快递公司配送&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            运费￥0.00
          </td>
        </tr>
        <tr>
          <th>发票信息：</th>
          <td>个人</td>
        </tr>--%>

        </tbody>
      </table>
    </div>
    <div class="f"><a href="javascript:;" onclick="$('#order-confirm-detail').toggleClass('order-confirm-expand')">订单详情<i></i><s></s><b></b></a></div>
  </div>
  <div class="order-form-area">
    <div class="order-payment" id="order-payment-mod">
      <h3 class="title">选择支付方式
        <b></b>
      </h3>
      <div class="order-payment-list" id="order-payment-list">
        <dl>
          <dd>
            <div class="order-payment-area">
              <div class="h"><b>信用卡快捷支付</b><em>无需网银</em></div>
              <div class="b clearfix" id="payment-bank-list-shortcut"><!--bankList start-->
                <ul class="clearfix">
                  <li>
                    <div class="payment-area">
                      <input type="radio" id="input-CMB_FP-5" value="CMB_FP" class="radio vam"
                             name="bankName-input" data-type="5" seed="payment_1_1"><label
                            for="input-CMB_FP-5" class="vam current"><img disabled="" title="招商银行" alt="招商银行"
                                                                          src="${static_url}/ui/app/assets/images/bank/CMB_OUT.gif"
                                                                          class="vam pointer"><i>快捷</i></label></div>
                  </li>
                  <li>
                    <div class="payment-area"><input type="radio" id="input-ICBC_FP-5" value="ICBC_FP" class="radio vam"
                                                     name="bankName-input" data-type="5" seed="payment_1_2"><label
                            for="input-ICBC_FP-5" class="vam"><img disabled="" title="中国工商银行" alt="中国工商银行"
                                                                   src="${static_url}/ui/app/assets/images/bank/ICBC_OUT.gif"
                                                                   class="vam pointer"><i>快捷</i></label></div>
                  </li>
                  <li>
                    <div class="payment-area"><input type="radio" id="input-CCB_FP-5" value="CCB_FP" class="radio vam"
                                                     name="bankName-input" data-type="5" seed="payment_1_3"><label
                            for="input-CCB_FP-5" class="vam"><img disabled="" title="中国建设银行" alt="中国建设银行"
                                                                  src="${static_url}/ui/app/assets/images/bank/CCB_OUT.gif"
                                                                  class="vam pointer"><i>快捷</i></label></div>
                  </li>
                  <li>
                    <div class="payment-area"><input type="radio" id="input-ABC_FP-5" value="ABC_FP" class="radio vam"
                                                     name="bankName-input" data-type="5" seed="payment_1_4"><label
                            for="input-ABC_FP-5" class="vam"><img disabled="" title="中国农业银行" alt="中国农业银行"
                                                                  src="${static_url}/ui/app/assets/images/bank/ABC_OUT.gif"
                                                                  class="vam pointer"><i>快捷</i></label></div>
                  </li>
                  <li>
                    <div class="payment-area"><input type="radio" id="input-CEB_FP-5" value="CEB_FP" class="radio vam"
                                                     name="bankName-input" data-type="5" seed="payment_1_6"><label
                            for="input-CEB_FP-5" class="vam"><img disabled="" title="中国光大银行" alt="中国光大银行"
                                                                  src="${static_url}/ui/app/assets/images/bank/CEB_OUT.gif"
                                                                  class="vam pointer"><i>快捷</i></label></div>
                  </li>
                  <li>
                    <div class="payment-area"><input type="radio" id="input-BOC_FP-5" value="BOC_FP" class="radio vam"
                                                     name="bankName-input" data-type="5" seed="payment_1_7"><label
                            for="input-BOC_FP-5" class="vam"><img disabled="" title="中国银行" alt="中国银行"
                                                                  src="${static_url}/ui/app/assets/images/bank/BOC_OUT.gif"
                                                                  class="vam pointer"><i>快捷</i></label></div>
                  </li>
                  <li>
                    <div class="payment-area"><input type="radio" id="input-PAB_FP-5" value="PAB_FP" class="radio vam"
                                                     name="bankName-input" data-type="5" seed="payment_1_8"><label
                            for="input-PAB_FP-5" class="vam"><img disabled="" title="平安银行" alt="平安银行"
                                                                  src="${static_url}/ui/app/assets/images/bank/SPABANK_OUT.gif"
                                                                  class="vam pointer"><i>快捷</i></label></div>
                  </li>
                  <li>
                    <div class="payment-area"><input type="radio" id="input-CMBC_FP-5" value="CMBC_FP" class="radio vam"
                                                     name="bankName-input" data-type="5" seed="payment_undefined"><label
                            for="input-CMBC_FP-5" class="vam"><img disabled="" title="中国民生银行" alt="中国民生银行"
                                                                   src="${static_url}/ui/app/assets/images/bank/CMBC_OUT.gif"
                                                                   class="vam pointer"><i>快捷</i></label></div>
                  </li>
                  <li>
                    <div class="payment-area"><input type="radio" id="input-CIB_FP-5" value="CIB_FP" class="radio vam"
                                                     name="bankName-input" data-type="5" seed="payment_undefined"><label
                            for="input-CIB_FP-5" class="vam"><img disabled="" title="兴业银行" alt="兴业银行"
                                                                  src="${static_url}/ui/app/assets/images/bank/CIB_OUT.gif"
                                                                  class="vam pointer"><i>快捷</i></label></div>
                  </li>
                  <li>
                    <div class="payment-area"><input type="radio" id="input-CITIC_FP-5" value="CITIC_FP"
                                                     class="radio vam" name="bankName-input" data-type="5"
                                                     seed="payment_undefined"><label for="input-CITIC_FP-5" class="vam"><img
                            disabled="" title="中信银行" alt="中信银行"
                            src="${static_url}/ui/app/assets/images/bank/CITIC_OUT.gif"
                            class="vam pointer"><i>快捷</i></label></div>
                  </li>
                  <li>
                    <div class="payment-area"><input type="radio" id="input-GDB_FP-5" value="GDB_FP" class="radio vam"
                                                     name="bankName-input" data-type="5" seed="payment_undefined"><label
                            for="input-GDB_FP-5" class="vam"><img disabled="" title="广东发展银行" alt="广东发展银行"
                                                                  src="${static_url}/ui/app/assets/images/bank/GDB_OUT.gif"
                                                                  class="vam pointer"><i>快捷</i></label></div>
                  </li>
                </ul>
                <!--bankList end--></div>
            </div>
            <div class="order-payment-area">
              <div class="h"><b>银行网银</b><em>支持以下各银行储蓄卡及信用卡</em><span></span></div>
              <div class="b clearfix" id="payment-bank-list-bank"><!--bankList start-->
                <ul class="clearfix">
                  <li>
                    <div class="payment-area"><input type="radio" id="input-C_M_B-2" value="C_M_B" class="radio vam"
                                                     name="bankName-input" data-type="2" seed="payment_1_1"><label
                            for="input-C_M_B-2" class="vam"><img disabled="" title="招商银行" alt="招商银行"
                                                                 src="${static_url}/ui/app/assets/images/bank/CMB_OUT.gif"
                                                                 class="vam pointer">
                    </label></div>
                  </li>
                  <li>
                    <div class="payment-area"><input type="radio" id="input-ICBC-7" value="ICBC" class="radio vam"
                                                     name="bankName-input" data-type="7" seed="payment_1_2"><label
                            for="input-ICBC-7" class="vam"><img disabled="" title="中国工商银行" alt="中国工商银行"
                                                                src="${static_url}/ui/app/assets/images/bank/ICBC_OUT.gif"
                                                                class="vam pointer">


                    </label></div>
                  </li>
                  <li>
                    <div class="payment-area"><input type="radio" id="input-CCB-1" value="CCB" class="radio vam"
                                                     name="bankName-input" data-type="1" seed="payment_1_3"><label
                            for="input-CCB-1" class="vam"><img disabled="" title="中国建设银行" alt="中国建设银行"
                                                               src="${static_url}/ui/app/assets/images/bank/CCB_OUT.gif"
                                                               class="vam pointer">


                    </label></div>
                  </li>
                  <li>
                    <div class="payment-area"><input type="radio" id="input-COMM-1" value="COMM" class="radio vam"
                                                     name="bankName-input" data-type="1" seed="payment_1_4"><label
                            for="input-COMM-1" class="vam"><img disabled="" title="交通银行" alt="交通银行"
                                                                src="${static_url}/ui/app/assets/images/bank/COMM_OUT.gif"
                                                                class="vam pointer">


                    </label></div>
                  </li>
                  <li>
                    <div class="payment-area"><input type="radio" id="input-ABC-1" value="ABC" class="radio vam"
                                                     name="bankName-input" data-type="1" seed="payment_1_5"><label
                            for="input-ABC-1" class="vam"><img disabled="" title="中国农业银行" alt="中国农业银行"
                                                               src="${static_url}/ui/app/assets/images/bank/ABC_OUT.gif"
                                                               class="vam pointer">


                    </label></div>
                  </li>
                  <li>
                    <div class="payment-area"><input type="radio" id="input-0302-2" value="0302" class="radio vam"
                                                     name="bankName-input" data-type="2" seed="payment_1_6"><label
                            for="input-0302-2" class="vam"><img disabled="" title="中信银行" alt="中信银行"
                                                                src="${static_url}/ui/app/assets/images/bank/CITIC_OUT.gif"
                                                                class="vam pointer">


                    </label></div>
                  </li>
                  <li>
                    <div class="payment-area"><input type="radio" id="input-SPDB-1" value="SPDB" class="radio vam"
                                                     name="bankName-input" data-type="1" seed="payment_1_7"><label
                            for="input-SPDB-1" class="vam"><img disabled="" title="上海浦东发展银行" alt="上海浦东发展银行"
                                                                src="${static_url}/ui/app/assets/images/bank/SPDB_OUT.gif"
                                                                class="vam pointer">


                    </label></div>
                  </li>
                  <li>
                    <div class="payment-area"><input type="radio" id="input-BOCB2C-1" value="BOCB2C" class="radio vam"
                                                     name="bankName-input" data-type="1" seed="payment_1_8"><label
                            for="input-BOCB2C-1" class="vam"><img disabled="" title="中国银行" alt="中国银行"
                                                                  src="${static_url}/ui/app/assets/images/bank/BOC_OUT.gif"
                                                                  class="vam pointer">


                    </label></div>
                  </li>
                  <li>
                    <div class="payment-area"><input type="radio" id="input-GDB-1" value="GDB" class="radio vam"
                                                     name="bankName-input" data-type="1" seed="payment_1_9"><label
                            for="input-GDB-1" class="vam"><img disabled="" title="广东发展银行" alt="广东发展银行"
                                                               src="${static_url}/ui/app/assets/images/bank/GDB_OUT.gif"
                                                               class="vam pointer">


                    </label></div>
                  </li>
                  <li>
                    <div class="payment-area"><input type="radio" id="input-0309-2" value="0309" class="radio vam"
                                                     name="bankName-input" data-type="2" seed="payment_1_11"><label
                            for="input-0309-2" class="vam"><img disabled="" title="兴业银行" alt="兴业银行"
                                                                src="${static_url}/ui/app/assets/images/bank/CIB_OUT.gif"
                                                                class="vam pointer">


                    </label></div>
                  </li>
                  <li>
                    <div class="payment-area"><input type="radio" id="input-CEB-7" value="CEB" class="radio vam"
                                                     name="bankName-input" data-type="7" seed="payment_1_12"><label
                            for="input-CEB-7" class="vam"><img disabled="" title="光大银行" alt="光大银行"
                                                               src="${static_url}/ui/app/assets/images/bank/CEB_OUT.gif"
                                                               class="vam pointer">


                    </label></div>
                  </li>
                  <li>
                    <div class="payment-area"><input type="radio" id="input-POSTGC-1" value="POSTGC" class="radio vam"
                                                     name="bankName-input" data-type="1" seed="payment_1_13"><label
                            for="input-POSTGC-1" class="vam"><img disabled="" title="中国邮政储蓄银行" alt="中国邮政储蓄银行"
                                                                  src="${static_url}/ui/app/assets/images/bank/PSBC_OUT.gif"
                                                                  class="vam pointer">


                    </label></div>
                  </li>
                  <li>
                    <div class="payment-area"><input type="radio" id="input-0410-2" value="0410" class="radio vam"
                                                     name="bankName-input" data-type="2" seed="payment_1_14"><label
                            for="input-0410-2" class="vam"><img disabled="" title="平安银行" alt="平安银行"
                                                                src="${static_url}/ui/app/assets/images/bank/SPABANK_OUT.gif"
                                                                class="vam pointer">


                    </label></div>
                  </li>
                  <li>
                    <div class="payment-area"><input type="radio" id="input-HZCBB2C-1" value="HZCBB2C" class="radio vam"
                                                     name="bankName-input" data-type="1" seed="payment_1_15"><label
                            for="input-HZCBB2C-1" class="vam"><img disabled="" title="杭州银行" alt="杭州银行"
                                                                   src="${static_url}/ui/app/assets/images/bank/HZCB_OUT.gif"
                                                                   class="vam pointer">


                    </label></div>
                  </li>
                  <li>
                    <div class="payment-area"><input type="radio" id="input-CMBC-7" value="CMBC" class="radio vam"
                                                     name="bankName-input" data-type="7" seed="payment_1_16"><label
                            for="input-CMBC-7" class="vam"><img disabled="" title="中国民生银行" alt="中国民生银行"
                                                                src="${static_url}/ui/app/assets/images/bank/CMBC_OUT.gif"
                                                                class="vam pointer">


                    </label></div>
                  </li>
                  <li>
                    <div class="payment-area"><input type="radio" id="input-BJRCB-1" value="BJRCB" class="radio vam"
                                                     name="bankName-input" data-type="1" seed="payment_1_17"><label
                            for="input-BJRCB-1" class="vam"><img disabled="" title="北京农村商业银行" alt="北京农村商业银行"
                                                                 src="${static_url}/ui/app/assets/images/bank/BJRCB_OUT.gif"
                                                                 class="vam pointer">


                    </label></div>
                  </li>
                </ul>
                <!--bankList end-->
              </div>
            </div>
            <div class="order-payment-area">
              <div class="h"><b>第三方支付平台</b></div>
              <div class="b clearfix" id="payment-bank-list-other"><!--bankList start-->
                <ul class="clearfix">
                  <li>
                    <div class="payment-area">
                      <input type="radio" value="ZHUSHOUBAO" class="radio vam"
                             name="bankName-input" data-type="1" seed="payment_3_1">
                      <label for="input-ALIPAY-1" class="vam">
                        租售宝
                      </label>
                    </div>
                  </li>
                  <li>
                    <div class="payment-area"><input type="radio" id="input-ALIPAY-1" value="ALIPAY"
                                                     class="radio vam"
                                                     name="bankName-input" data-type="1" seed="payment_3_1">
                      <label for="input-ALIPAY-1" class="vam">
                        <img disabled="" title="支付宝" alt="支付宝"
                             src="${static_url}/ui/app/assets/images/bank/alipay_logo.gif"
                             class="vam pointer">
                      </label>
                    </div>
                  </li>
                  <li>
                    <div class="payment-area"><input type="radio" id="input-TENPAY-7" value="TENPAY" class="radio vam"
                                                     name="bankName-input" data-type="7" seed="payment_3_1"><label
                            for="input-TENPAY-7" class="vam"><img disabled="" title="财付通支付" alt="财付通支付"
                                                                  src="${static_url}/ui/app/assets/images/bank/tenpay_logo.gif"
                                                                  class="vam pointer"></label></div>
                  </li>
                  <li>
                    <div class="payment-area"><input type="radio" id="input-105-1" value="105" class="radio vam"
                                                     name="bankName-input" data-type="1" seed="payment_3_1"><label
                            for="input-105-1" class="vam"><img disabled="" title="扫码支付" alt="扫码支付"
                                                               src="${static_url}/ui/app/assets/images/bank/alipay_code.png"
                                                               class="vam pointer"></label></div>
                  </li>
                  <li>
                    <div class="payment-area"><input type="radio" id="input-WECHAT-17" value="WECHAT" class="radio vam"
                                                     name="bankName-input" data-type="17" seed="payment_3_1"><label
                            for="input-WECHAT-17" class="vam"><img disabled="" title="微信支付" alt="微信支付"
                                                                   src="${static_url}/ui/app/assets/images/bank/wechat_logo.gif"
                                                                   class="vam pointer"></label></div>
                  </li>
                </ul>
                <!--bankList end-->
              </div>
            </div>
          </dd>
        </dl>
        <div class="order-payment-action-area"><a class="button-style-5 button-confirm-payment" href="javascript:;" onclick="ec.order.payment.submit()">确认支付方式</a></div>
      </div>
      <!--订单-表单-支付方式列表结束 -->



    </div>
  </div>
</div>


<!-- /主体 -->

<!-- 底部 -->
<%@include file="/common/footer.jsp" %>
<!-- /底部 -->

</body>
</html>
